<template>
  <div :class="wrapClass">
    <div class="textReply replyContent" v-if="reply.type=='text'">
      {{reply.content}}
    </div>
    <div class="linkReply flex-column replyContent" v-if="reply.type == 'link'">
      <div class="linkTitle">{{reply.title}}</div>
      <div class="linkContent flex-row">
        <div class="linkDesc fontGrey">{{reply.content}}</div>
        <img :src="reply.cover" class="linkCover">
      </div>
    </div>
    <div class="imageReply replyContent" v-if="reply.type == 'image'">
        <img :src="reply.src">
    </div>
    <div class="contactReply replyContent" v-if="reply.type == 'contact'">
      {{reply.content}}
    </div>
    <div class="officialAccountReply replyContent" v-if="reply.type == 'officialAccount'">
      {{reply.content}}
    </div>
  </div>
</template>
<script>
export default {
  name: 'sendContent',
  props: ['reply', 'wrapClass']
}
</script>
